<template>
  <el-card class="aui-card--fill">
    <div class="home-wrapper">
      <charts style="margin-top: 0" />

      <!--      <el-row :gutter="20">-->
      <!--        <el-col :span="12" :xs="24">-->
      <!--          <table>-->
      <!--            <tr>-->
      <!--              <th>系统面板</th>-->
      <!--              <td>-->
      <!--                <router-link target="_blank" :to="{path:'/index'}">IOT智能数据大屏</router-link>-->
      <!--              </td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.name") }}</th>-->
      <!--              <td>{{ $t("home.sysInfo.nameVal") }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.version") }}</th>-->
      <!--              <td>{{ $t("home.sysInfo.versionVal") }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.osName") }}</th>-->
      <!--              <td>{{ sysInfo.osName }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.osVersion") }}</th>-->
      <!--              <td>{{ sysInfo.osVersion }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.osArch") }}</th>-->
      <!--              <td>{{ sysInfo.osArch }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.processors") }}</th>-->
      <!--              <td>{{ sysInfo.processors }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.totalPhysical") }}</th>-->
      <!--              <td>{{ sysInfo.totalPhysical }}MB</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.freePhysical") }}</th>-->
      <!--              <td>{{ sysInfo.freePhysical }}MB</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.memoryRate") }}</th>-->
      <!--              <td>{{ sysInfo.memoryRate }}%</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.userLanguage") }}</th>-->
      <!--              <td>{{ sysInfo.userLanguage }}</td>-->
      <!--            </tr>-->
      <!--          </table>-->
      <!--        </el-col>-->
      <!--        <el-col :span="12" :xs="24">-->
      <!--          <table>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.jvmName") }}</th>-->
      <!--              <td>{{ sysInfo.jvmName }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.javaVersion") }}</th>-->
      <!--              <td>{{ sysInfo.javaVersion }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.javaHome") }}</th>-->
      <!--              <td>{{ sysInfo.javaHome }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.userDir") }}</th>-->
      <!--              <td>{{ sysInfo.userDir }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.javaTotalMemory") }}</th>-->
      <!--              <td>{{ sysInfo.javaTotalMemory }}MB</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.javaFreeMemory") }}</th>-->
      <!--              <td>{{ sysInfo.javaFreeMemory }}MB</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.javaMaxMemory") }}</th>-->
      <!--              <td>{{ sysInfo.javaMaxMemory }}MB</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.userName") }}</th>-->
      <!--              <td>{{ sysInfo.userName }}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.systemCpuLoad") }}</th>-->
      <!--              <td>{{ sysInfo.systemCpuLoad }}%</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--              <th>{{ $t("home.sysInfo.userTimezone") }}</th>-->
      <!--              <td>{{ sysInfo.userTimezone }}</td>-->
      <!--            </tr>-->
      <!--          </table>-->
      <!--        </el-col>-->
      <!--      </el-row>-->
    </div>
  </el-card>
</template>

<script>
import charts from './content'

export default {
  data () {
    return {}
  },
  created () {},
  components: { charts },
  methods: {}
}
</script>

<style lang="less">
.home-wrapper {
  background-image: url("../../img/bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ranking-board-title {
  color: white;
}
</style>
